<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>07_CSS3-新增文本属性-文本溢出</title>

        <style>
            div {
                width: 300px;
                height: 200px;
                border: 1px solid black;



                /* 不换行 */
                white-space: nowrap;

                /* 溢出之后的文本要隐藏 */
                overflow: hidden;

                /* 隐藏的文本引要裁剪或者变成。。。 */
                text-overflow: clip;
                text-overflow: ellipsis;
            }
        </style>
    </head>
    <body>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae ipsa obcaecati voluptates soluta in ex neque! Labore deserunt debitis, iusto unde voluptatibus odit placeat voluptas cupiditate vitae maxime vel voluptate.
        </div>
    </body>
</html>